<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
    <script>
        // const f = new Function('a', 'b', 'return a+b ')
        // // f(2, 3);
        // // console.log(f instanceof Object);
        // console.dir(f(1, 2))

        // class fn {
        //     constructor(a, b) {
        //         this.a = a;
        //         this.b = b
        //     }
        //     sing() {
        //         console.log(this);
        //     }
        // };
        // const f = new fn(1, 2)
        // f.sing();
        // function fn(a) {
        //     console.log(this);
        //     console.log(a);
        // }
        // // fn()
        // const arr = [1, 2, 3]
        // // fn.apply(arr, ['ren ', 'pink'])
        // // fn.call(this, arr)
        // const f = fn.bind(this, arr)
        // f();//不用再传参数进入
        const btn = document.querySelectorAll('button')
        for (const key of btn) {
            key.addEventListener('click', function () {
                this.disabled = true
                setTimeout(function () {
                    this.disabled = false;
                }.bind(this), 2000)
            })
        }
    </script>

</body>

</html>